<template>
    <div class="layout">
        <div class="header-bg" :style="{boxShadow:'0 5px 5px rgba(255,255,255,0.2)',zIndex:100}">
            <Menu mode="horizontal" style="background-color: #1E4A7A" active-name="1">
                <Row type="flex" justify="center">
                    <Col :xs="0" :sm="0" :md="18" :lg="18">
                    <div class="layout-logo">
                        <img src="src/images/lk_logo_txt.png" width="200px"/>
                    </div>

                    </Col>
                    <Col :xs="0" :sm="0" :md="6" :lg="6">
                    <div class="layout-login">
                        <router-link to="/login">
                        <a>
                        [登录]</a>&nbsp;&nbsp;&nbsp;
                        </router-link>
                        <a>
                            <Icon type="iphone"></Icon>
                            手机App</a></div>
                    </Col>
                </Row>

            </Menu>
        </div>

        <router-view></router-view>


        <!--<div class="layout-copy">
            2014-2017 &copy; 云工智大
        </div>-->
    </div>
</template>
<script>
    export default {
        data() {
            return {
                menuItems: [
                    {
                        icon: "ios-compose-outline",
                        label: "志愿填报2",
                        route: "/"
                    },
                    {
                        icon: "ios-compose-outline",
                        label: "查数据",
                        route: "/"
                    },
                    {
                        icon: "ios-compose-outline",
                        label: "找专家",
                        route: "/portal/regist"
                    }
                ],
                value1: 0,
                searchKeyWord: "",

            }
        }
    }
</script>
<style lang="less" scoped>
    .layout {
        background: #fff;
        overflow-y: scroll;
        height: 100%;
        background-image: url("../../../images/background.jpg");

    }

    .layout-logo {
        width: 100px;
        height: 30px;
        border-radius: 10px;
        float: left;
        position: relative;
        left: 120px;
        top: 0px;
    }

    .layer-login {
        width: 100px;
        height: 30px;
        float: right;
        position: relative;
        right: 50px;
        top: 0px;
    }

    .layout-nav {
        height: 60px;
        width: 100% px;
        margin: 0 auto;
        float: right
    }

    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
        border-bottom: 2px solid #fff;
    }

    .layout-content {
        min-height: 200px;
        margin: 15px;
        background: #fff;
        border-radius: 4px;
    }

    .layout-content-main {
        padding: 10px;
    }

    .layout-copy {
        background: #EDEDED;
        position: absolute;
        bottom: 0px;
        width:100%;
        text-align: center;
        padding: 10px 0 20px;
        color: #9ea7b4;
    }

    .demo-carousel {
        height: auto;
        max-height: 500px;
        width: 100%;
    }

    .header-bg {
        height: 100px;
        padding: 20px;
        background-color: #1E4A7A;
    }


</style>